<template>
	<view class="empry-container">
		<view class="empry-icon iconfont" :class="info.icon"></view>
		<view class="empry-text">您还没有{{info.text}}订单</view>
	</view>
</template>

<script>
	export default {
		props: {
			state: {
				type: Number
			},
			likeData: {
				type: Object,
				default: null
			}
		},
		data() {
			return {
				info: {
					icon: 'icon-kong1',
					text: ''
				}
			};
		},
		methods: {
			// 设置订单状态
			orderState(state){
				switch(+state){
					case 0:
					break;
					case 1:
						this.info.icon = 'icon-daifukuan1',
						this.info.text = '待付款'
					break;
					case 2:
						this.info.icon = 'icon-daishouhuo',
						this.info.text = '待收货'
					break;
					case 3:
						this.info.icon = 'icon-daipingjia',
						this.info.text = '待评价'
					break;
				}
			}
		},
		created(){
			this.orderState(this.state);
		}
	}
</script>

<style lang="scss">
	.empry-container{
		width: 100%;
		text-align: center;
		color: $shadow-color;
		.iconfont{
			margin-top: 100rpx;
			font-size: 200rpx;
		}
		.empry-text{
			margin-top: 20rpx;
			font-size: 28rpx;
		}
	}
	
</style>
